<template>
  <div class="common-layout">
    <el-container>
      <el-header style="height: 80px; border-bottom: 1px solid #b3b3b3"> <topMenu /></el-header>
      <el-main class="left-main" style="padding: 0"><router-view /></el-main>
    </el-container>
<!--    <el-footer class="footer-box">-->
<!--      <div class="footer-div">-->
<!--        <div class="footer-content">-->
<!--          <div class="pre-box">-->
<!--            <pre>备案号**** | ****** | 版权所有2024-2034 </pre>-->
<!--            <pre>亲爱的市民朋友，警方反诈劝阻电话“962110”系专门针对避免您财产被骗受损而设，请您一旦收到来电，立即接听。</pre>-->
<!--            <pre>网上有害信息举报专区网上有害信息举报专区 | 互联网文化经营单位互联网文化经营单位</pre>-->
<!--          </div>-->
<!--        </div>-->
<!--      </div>-->
<!--    </el-footer>-->
  </div>
</template>

<script setup>
import topMenu from '@/components/topMenu.vue'
import { ref } from 'vue';

</script>

<style scoped lang="less">
.common-layout{
}
.left-main{
}
.footer-box{
  height: 320px;
  border-top: 1px solid #707174;
  background: #2d2d2d;
  background: linear-gradient(to bottom, #2d2d2dcc, #0a0a0bed);
  color: #ffffff;
  padding-top: 60px;
  font-weight: normal;
  .footer-div{
    width: 1200px;
    margin: 0 auto;
  }
  .footer-content{
    display: flex;
    justify-content: center;
    text-align: left;
    pre{
      margin: 10px 0;
      font-size: 15px;
      font-family: Avenir, Helvetica, Arial, sans-serif, OPPOSansH;
      letter-spacing: 2px;
    }
  }
}
</style>